import React from 'react';
import styles from './index.less';

export type TrendProps = {
  value?: React.ReactNode;
  unit?: React.ReactNode;
};

const Trend: React.FC<TrendProps> = ({ unit, value, ...rest }) => {
  return (
    <div {...rest} className={styles.Value}>
      <div className={styles.ValueTop}>重量（kg）</div>
      <span>
        <strong style={{ fontSize: 30 }}>{value}</strong>
        {unit}
      </span>
    </div>
  );
};

export default Trend;
